
<?php
/**
 * Created by IDEA.
 * User: dinesh
 * Date: Feb 4, 2013
 * Time: 3:25:12 PM
 * To change this template use File | Settings | File Templates.
 */
 ?>

<link rel="stylesheet" type="text/css" href="css/dhtmlx/grid/skins/dhtmlxgrid_dhx_skyblue.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid_pgn_bricks.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/grid/dhtmlxgrid.css">
<link rel="STYLESHEET" type="text/css" href="css/dhtmlx/toolbar/skins/dhtmlxtoolbar_dhx_skyblue.css">

<script src="js/dhtmlx/grid/dhtmlxgrid.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgridcell.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_filter.js"></script>
<script src="js/dhtmlx/grid/ext/dhtmlxgrid_srnd.js"></script>
<script src="js/dhtmlx/grid/dhtmlxgrid_pgn.js"></script>
<script src="js/dhtmlx/toolbar/dhtmlxtoolbar.js"></script>


<table width='100%' border='0' cellpadding='0' cellspacing='0'>
		<div id="search_criteria_title" class="cbxTitle">
			<div class="box_title">Search Section</div>
		</div>
		<tr>
			<td>
				<div>
					<!-- Search Div -->
					<form id="frmSearch" action="#" onsubmit="return false;">

						<table border="0" cellspacing="5px" cellpadding="0px" width="100%">
							<tr>
								<td width="80px">Section Name:</td>
								<td width="80px"><input type="text" id="searchCriteria.sectionName" name="searchCriteria.sectionName" keyfilter="alphanumeric" onKeyDown="doSearch(event)"/></td>

								<td width="55px" align="right">Status :</td>
								<td width="50px"><select  name="searchCriteria.status" id="searchCriteria.status" onchange="doSearch(event)">
                                                    <option value="">--Select--</option>
                                                    <option value="1">Active   </option>
                                                    <option value="0">Inactive </option>
                                                 </select>
								</td>

								<td width="200px" align="left">
									<button onClick="reloadGrid()" class="clsButtonSmall" id="submitButton">Search</button>
                                    <input type="checkbox" id="autosearch" onClick="enableAutosubmit(this.checked)"> Enable Autosearch
								</td>
							</tr>
						</table>

						<input type="hidden" id="totalRecords" name="page.totalRecords"/>
						<input type="hidden" id="startPosition" name="page.startPosition"/>
						<input type="hidden" id="pageSize" name="page.pageSize"/>

					</form>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div>
                    <div id="gridbox" style="width:600px;height:230px;margin-top:10px;margin-left:50px"></div>
                    <div style="width:600px;margin-top:10px;margin-left:100px"><span id="pagingArea"></span>&nbsp;<span id="infoArea"></span><span id="recfound"></span></div>
				</div>
			</td>
		</tr>
		<tr>
			<td><!-- Data Controls Div -->

                          <div class="box_title">Section Details</div>
                          <div id="error"></div>
                          <form method="post" id="frmData" action="">
                              <input type="hidden" id="id" name="id" />
                              <input type="hidden" id="version" name="version" />

                              <div>
                               <table>                                  
                                  <tr>
                                      <td width="200px"><label for="sectionCode">Section Code :</label></td>
                                      <td><input id="sectionCode" style="width:100px" name="sectionCode" type="text" />  <span id="sectionCodeInfo"> </span></td>
                                  </tr>
                                  <tr>
                                      <td width="200px"><label for="sectionName">Section Name :</label></td>
                                      <td><input id="sectionName" name="sectionName" type="text"  style="width: 300px;"/> <span id="sectionNameInfo"> </span></td>
                                  </tr>
                                  <tr>
                                      <td> <label for="status">Active :</label></td>
                                      <td> <input type="checkbox" value="1" id="status" name="status" >
                                           <span id="statusInfo"></span>
                                      </td>
                                  </tr>
                                   
                               </table>
                              </div>

                          </form>

					<table border="0" cellspacing="5px" cellpadding="0px" width="100%" style="margin-top:0px;">
						<tr>
							<td>
								<button id="btnClose" onclick="closePage();" privilege="" class="clsButtonSmall">Close</button>
								<button id="btnAdd" onclick="add();" privilege="EMP.DEP.ADD" class="clsButtonSmall">Add</button>
								<button id="btnEdit" onclick="edit();" privilege="EMP.DEP.EDIT" class="clsButtonSmall">Edit</button>
								<button id="btnDelete" onclick="del();" privilege="EMP.DEP.DEL" class="clsButtonSmall">Delete</button>
								<button id="btnClear" onclick="initialize();" privilege="" class="clsButtonSmall">Clear</button>
							</td>
							<td width="*" align="right">
								<button id="btnSave" onclick="save();" class="clsButtonSmall" privilege="EMP.DEP.SAVE">Save</button>
							</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>


<script src="js/employee/department.js"></script>
 
<div id='messagePanel'> </div>
